<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
#{extends 'main.html' /}
#{set title:'CoolSoft ReportSelection' /}
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		
	</head>
	<style>
		.cont{
			width:50px;
			min-width:30%;
			height:auto;
			border:solid 1px #222;
			-moz-border-radius:15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
		}
	</style>
	
	<div id="report">
	<body>
		<h2>Report Mix and Match for <a href="@{Projects.showProject(project.getEntityId())}">${project.name}</a></h2><hr/>
		<h3>Components:</h3>
		#{form @Report.generateReport(project.getEntityId())}
		
		<div class="cont">
		
		<ul>
		<input id="component" value="0" name="component" type="checkbox" />All<br><br>
		#{list items:components, as:'componen'}
		
            <input id="component" name="component" value="${componen.getEntityId()}" name="component" type="checkbox" />${componen.name}: ${componen.description}
			<br><br>
        
		#{/list}
		</ul>
		</div>
		<div style="clear:both;"></div>
		<h3>Event Types:</h3>
		<div class="cont">
			<ul>
		<input id="events" value="0" name="events" type="checkbox" />All<br><br>
		#{list items:eventTypes, as:'events'}
            <input id="events" value="${events.getEntityId()}" name="events" type="checkbox" />${events.type}<br><br>
		#{/list}
		</ul>
		</div>
		<div style="clear:both;"></div>
		<h3>Task Types:</h3>
		<div class="cont">
			<ul>
		<input id="taskTypes" value="0" name="taskTypes" type="checkbox" />All<br><br>
		#{list items:taskTypes, as:'tasks'}
            <input id="taskTypes" value="${tasks.getEntityId()}" name="taskTypes" type="checkbox" />${tasks.type}<br><br>
		#{/list}
		</ul>
		</div>
		
		<h3>Task Status:</h3>
		<div class="cont">
			<ul>
		<input id="taskStatus" value="0" name="taskStatus" type="checkbox" />All<br><br>
		#{list items:taskStatuses, as:'taskStatus'}
            <input id="taskStatus" value="${taskStatus.getEntityId()}" name="taskStatus" type="checkbox" />${taskStatus.status}<br><br>
		#{/list}
		</ul>
		</div>
		
		
		<h3>UserStory Status:</h3>
		<div class="cont">
			<ul>
		      <input id="storyStatus" value="0" name="storyStatus" type="checkbox" />All<br><br>
		      <input id="storyStatus" value="1" name="storyStatus" type="checkbox" />NEW<br><br>
		      <input id="storyStatus" value="2" name="storyStatus" type="checkbox" />IN PROGRESS<br><br>
		      <input id="storyStatus" value="3" name="storSytatus" type="checkbox" />DONE<br><br>
		</ul>
		</div>
		
		<br>
		
			<input type="submit" name="submit" class="button" id="submit_btn" value="Submit" />
		#{/form}
	</body>
	</div>
</html>
